﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings. */
body {
  font-family:tahoma, verdana, arial;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #47c8f2; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { padding:10px 10px 0px 10px;font-size: 0.7em; margin: 0px 0px 0px 0px; text-transform:uppercase;  }
h3 { padding:10px 10px 0px 10px;font-size: 0.9em; margin: 0px 0px 0px 0px;  }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           {padding:10px; font-size:0.8em; color:#666; font-family:tahoma, verdana, arial; line-height:1.5; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }






/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

body
{
	background-color:#260930;
	background-image:url('../images/bg-pattern.png');
	font-size:100%;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
}

/* ####### NAVIGATION #######*/

.navlist
{
    
}

ul.navlist
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.navlist li
{
	display: inline;
	list-style-type: none;
}

.navlist a { margin: 0px 25px 0px 0px; }

.navlist a:link, .navlist a:visited
{
	color: #999;
	text-decoration: none;
	font-size:2em;	
}

.navlist  a.selected
{
	color: #000;
}

.navlist a:hover
{
	color: #000;
}

/* ########### CONTENT #########*/

#wrapper
{
	width:960px;
	margin:20px auto;
	background-color:#fff;
	border:1px solid #b1b1b1;
	background-image:url('../images/contentbg.png');	
	background-repeat:no-repeat;
}

	#header
	{
		width:960px;
		float:left;
		height:130px;
	}
		#logo
		{
			float:left;
			margin: 30px 0px 0px 50px;
		}
			
			#logo h1 { font-size: 2em; margin: 0px 0px 0px 0px; }
			#logo h2 { color:#999; text-transform: uppercase; padding:0px; }
	
	
		#login_wrapper
		{
			float:right;
			margin: 0px 50px 0px 0px;	
			width:310px;
		}

		#login-form
		{
			float:left;			
			width:310px;
			height:80px;	
			display:none;
			background-color:#5bd5fc;
			background-image:url('../images/formcontent_bg.png');
		}
	
		#login
		{
			float:right;
			color:#fff;		
			width:100px;
			height:38px;			
			background-image: url('../images/signup_bg.png');
			text-align:center;
		}
			#login-button img
			{
				float:right;
				margin:0px 0px 0px 0px;
			}
			#login span
			{
				float:right;
				text-align:center;
				width:100%;
				margin-top:7px;
			}	

			#login a, #remember-me label
			{
				font-size:0.7em;
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;			
			}
			#login a:hover
			{
				text-decoration:underline;
			}				
	#navigation
	{
		width:860px;
		margin:0px 50px 20px 50px;
		float:left;
	}

	#content
	{
		width:860px;
		margin:0px 50px 0px 50px;
		float:left;
	}
	
		#left-column
		{
			float:left;
			width:580px;
		}
			#left-column .content-box
			{
				width:580px;
				padding-top:15px;
				padding-bottom:15px;
			}		
			
			#left-column .content-box-header
			{
				width:580px;
			}					
			
		#right-column
		{
			float:left;
			width:270px;
			margin-left:10px;
		}	
			#right-column .content-box
			{
				width:270px;
			}	
			
		.content-box-header
		{
			float:left;
			border:1px solid #efefef;
			background-color: #efefef;
			height:80px;
		}			
		
		.content-box
		{
			float:left;
			border:1px solid #e9e8e8;
			margin-bottom:10px;			
		}
		
		.content-box h2
		{
			font-size:2em;
			padding:0px;
			margin:0px 0px 0px 10px;
			text-transform:none;
		}
		
	#footer
	{
		width:860px;
		margin:0px 50px 50px 50px;
		float:left;
		height:60px;
		border:1px solid #e9e8e8;		
	}	
	
	
/*#########PAGINATION##########*/	

.paging-wrapper
{
    float: left;
    margin-left: 5px;
}

.post-paging ul
{
    padding: 0px;
    margin: 0px;
}

.post-paging li
{
    padding: 4px;
    margin: 4px;
    display: inline;
    list-style-type: none;
    border: 1px solid #ddd;
    
    font-size: 0.8em;
}

.post-paging li a
{
    padding: 0px;
    margin: 0px;
}
.post-paging li a, .post-paging li a:hover, .post-paging li a:visited
{
    color: #47c8f2;
}

.post-paging li.selected 
{
    background-color: #47c8f2;
}	

.post-paging li:hover 
{
    background-color: #47c8f2;
}

.post-paging li:hover a
{
    color: #fff;
}

.post-paging li.selected a
{
    color: #fff;
}		
/*#######POSTS#######*/

	.post
	{
		margin:5px 10px 20px 10px;		
		width:560px;
		float:left;
	}
	
	.post-image
	{
		float:left;
		width: 550px;		
		border:1px solid #efefef;
	}
	
	.post-image img
	{
		margin: 5px;	
	}
	
	.post-content
	{
		float:left;	
		width: 550px;
		margin-top:10px;
		position:relative;
		
	    font-size: 0.8em;
	}
	
	.post-content p
	{
		padding-left:0px;
	}
	

	
	.post-date
	{
		float:left;
		width: 550px;
		margin:0px 0px 5px 0px;
		padding:5px 0px 5px 0px;
		font-size:0.6em;
		color:#999;
		text-transform:uppercase;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}	

	.post-content h3
	{
		color:#333;
		float:left;	
		width: 550px;
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 0px;	
		font-size:2em;		
	}	

	.post-link a
	{
		margin:5px 0px 0px 00px;
		font-size:0.6em;
		color:#47c8f2;
		text-decoration:none;
		float:left;
	}
	
	.post-link a:hover
	{
		text-decoration:underline;
	}	

	.main-post
	{
		margin:5px 10px 20px 10px;		
		width:560px;
		float:left;
		padding-bottom:20px;
		border-bottom:1px solid #efefef;
	}
	
	.main-post-image
	{
		float:left;
		height: 300px;
		width: 550px;		
		border:1px solid #efefef;
	}
	
	.main-post-image img
	{
		margin: 5px;	
	}
	
	.main-post-content
	{
		float:left;	
		width: 550px;
		margin-top:10px;
		position:relative;
	}
	
	.main-post-content p
	{
		padding-left:0px;
	}
	

	
	.main-post-date
	{
		float:left;
		width: 550px;
		margin:0px 0px 5px 0px;
		padding:5px 0px 5px 0px;
		font-size:0.7em;
		color:#999;
		text-transform:uppercase;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}	

	.main-post-content h3
	{
		color:#333;
		float:left;	
		width: 550px;
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 0px;	
		font-size:1.4em;		
	}	

	.main-post-link a
	{
		margin:5px 0px 0px 00px;
		font-size: 0.7em;
		color:#47c8f2;
		text-decoration:none;
		float:left;
	}
	
	.main-post-link a:hover
	{
		text-decoration:underline;
	}	
	.small-post
	{
		margin:5px 10px 20px 10px;		
		width:560px;
		float:left;
		padding-bottom:20px;
		border-bottom:1px solid #efefef;
	}
	
	.small-post-image
	{
		float:left;
		height:160px;	
		border:1px solid #efefef;
		width:210px;
	}
	
	.small-post-image img
	{
		margin: 5px;	
	}
	
	.small-post-content
	{
		float:left;
		height:160px;
		width:340px;
		margin-left:8px;
		position:relative;	
	}	
	
	.small-post-content p
	{	    
		font-size:0.8em;	
	}
		
	.small-post-date
	{
		float:left;
		width:320px;
		margin:0px 0px 5px 10px;
		padding:5px 0px 5px 0px;
		font-size:0.7em;
		color:#999;
		text-transform:uppercase;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	
	.small-post-content h3
	{
		color:#333;
		float:left;
		width:300px;
		margin:5px 0px 5px 10px;
		padding:0px 0px 0px 0px;	
		font-size:1.2em;
	}	

	.small-post-link a
	{
		margin:5px 0px 0px 10px;
		font-size:0.7em;
		color:#47c8f2;
		text-decoration:none;
		position:absolute;
		bottom:0px;	
	}
	
	.small-post-link a:hover
	{
		text-decoration:underline;
	}	
	
/*########### AUTHOR BIO #########*/

	.author-bio {
		width: 570px;
		border-top: 1px solid #dbdad7;
		border-bottom: 1px solid #dbdad7;
		background-color:#efefef;
		float:left;
		padding:5px;
	}

	.author-image
	{
		float: left;
		padding: 3px;
		background: #fff;
		border: 1px solid #c1c0bc;	
	}

	.author-info {
		float: left;
		width: 450px;
		margin:0px 0px 0px 10px;
		padding:0px 0px 0px 0px;   
		font-size:0.8em; color:#666; font-family:tahoma, verdana, arial; line-height:1.5;	
	}

	.author-title {
		font-weight: bold;
		margin:  0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;   
	}
	

/*############ COMMENTS FORM ############*/	

.comments-wrapper
{
    float: left;
}

.comments-wrapper h3 
{
     margin: 5px 0px 5px 0px;
}

.commentslist
{
    margin: 10px 0px 10px 0px;
    float: left;
}
	
.commentslist li img
{
    padding: 3px;
    border: 1px solid #ddd;
    float: left;
}

.commentslist li 
{
    border-bottom: 1px solid #ddd;
    list-style-type: none;
    padding-bottom: 10px;
}

.commentslist li a
{
    margin: 0px 10px 0px 0px;
    padding: 0px;
}

.comment-gravatar
{
    float: left;
    width: 60px;
    margin: 10px;
}

.comment-info
{
    float: left;
        width: 500px;
    margin-top: 5px;
}

.comment-info p
{
    font-size: 0.7em;
    padding: 0px;
     margin:0px;
}
	
.comment-date 
{
    font-size: 0.7em;
    padding: 0px;
     margin:0px;
}	
	
.comments-area 
{
	float:left;
	width: 580px;
	margin:10px 0px 0px 0px;
}	


    .lisp_formTable, .lisp_toolbar
    {
        margin: 5px;
        float: left;
        width: 565px;
    }
	
    .ics_formlabel
    {
        text-align: right;
    }
    
    .ics_validator
    {
        font-size: 0.7em;
    }

	.comments-area .lisp_formTable input, .comments-area .lisp_formTable textarea {
		padding: 8px;
		border: solid 1px #E5E5E5;
		font: normal 12px Verdana, Tahoma, sans-serif;
		width: 400px;
	}

	.comments-area textarea {
		width: 400px;
		max-width: 400px;
		height: 150px;
		line-height: 150%;
	}

	.comments-area label {
		margin-right: 10px;
		color: #999999;
	    font-size: 0.8em;
	}

	.comments-area .lisp_toolbar input {
		width: auto;
		padding: 9px 15px;
	    margin-left: 10px;
		background: #ddd;
		color: #333;
	    font-size: 0.8em;
	    border: 1px solid #999;
	}	
	
/*########### LISTS ##########*/

	ul.sidelist
	{
		margin:  10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;			
	}

	.sidelist li
	{
		list-style-type: none;
		padding: 10px 15px 10px 15px; 
		float:left; 	
		
		font-size:0.7em;
		width:240px;		
	}

	.sidelist a
	{		
	    clear: both;	
	}

	.sidelist span 
	{ 
		float:left; 	
		color: #333;
	}
	
	.sidelist .clearFilter
	{
	    float: right;
	}

	.sidelist a:link, .sidelist a:visited
	{
		text-decoration: none;
		color: #333;
	}

	.sidelist li:hover
	{
		color: #fff !important;
		text-decoration: none;
		background-color:#47c8f2;
	}
	
	.sidelist li:hover .sidelist a, .sidelist li:hover a, .sidelist li:hover span
	{
		color: #fff !important;
	}	
	
	
	.sidelist .list-desc
	{
		color:#999;
		text-decoration:none;
	    text-transform: uppercase;	
	}
	
	.sidelist li .count
	{
		float:right;
		margin-top:3px;
	}
	#search-box
	{
		margin:10px;
	    float: left;
	}
	
    /*Search Box Styles*/
    .s4-search input.ms-sbplain{margin-top:5px!important;background-image: none; border:1px solid #ddd !important; height:16px; padding:4px 2px 2px 9px; color:#666; font-size:.85em; font-style:normal;}
    .s4-search .ms-sbgo{padding-top:5px;}
    .s4-search .ms-sbgo a{margin-top:5px;margin-left: 5px;background:url(../images/search.png) no-repeat; width:27px; height:24px; display:block; }
    .s4-search .srch-gosearchimg, .s4-search .ms-sbgo span{display:none; }
    .adminBar .ms-sbrow a, .ms-sbcell{margin:0; padding:0;}

	
/*################ GALLERY ###############*/

	#gallery{
		margin:10px;
	}
	
	#gallery .thumb {
		margin: 4px;
		border: 1px solid #efefef;
		height: 130px;
		float: left;
		text-align: center;
	} 

	#gallery .thumb img{
		display: inline;
		margin: 5px;
	}
	
	#gallery .thumb:hover{
		border: 1px solid #ccc;
		background-color:#efefef;
	}	

	#gallery  .thumb a:hover img {
	}
 
/*################ VIDEOS ###############*/

	#videos{
		margin:10px;
	}
	
	#videos .main {
		margin: 4px;
		border: 1px solid #efefef;
		height: 300px;
		width: 550px;		
		float: left;
		text-align: center;
	} 	
	
	#videos .main img{
		display: inline;
		margin: 5px;
	}
	
	#videos .main:hover{
		border: 1px solid #ccc;
		background-color:#efefef;
	}	

	#videos  .main a:hover img {
		border: 1px solid black;
	} 	
	
	#videos .thumb {
		margin: 4px;
		border: 1px solid #efefef;
		height: 130px;
		float: left;
		text-align: center;
	} 

	#videos .thumb img{
		display: inline;
		margin: 5px;
	}
	
	#videos .thumb:hover{
		border: 1px solid #ccc;
		background-color:#efefef;
	}	

	#videos  .thumb a:hover img {
		border: 1px solid black;
	} 
 
/*################ CONTACT #############*/

	.contact-area .lisp_formTable input, .contact-area .lisp_formTable textarea {
		padding: 8px;
		border: solid 1px #E5E5E5;
		font: normal 12px Verdana, Tahoma, sans-serif;
		width: 400px;
	}

	.contact-area textarea {
		width: 400px;
		max-width: 400px;
		height: 150px;
		line-height: 150%;
	}

	.contact-area label {
		margin-right: 10px;
		color: #999999;
	    font-size: 0.8em;
	}

	.contact-area .lisp_toolbar input {
		width: auto;
		padding: 9px 15px;
	    margin-left: 10px;
		background: #ddd;
		color: #333;
	    font-size: 0.8em;
	    border: 1px solid #999;
	}	
	

/*################ SOCIAL ###############*/

.social-wrapper
{
    float: right;
    margin: 10px 10px 0px 0px;
}

.social li
{
    list-style-type: none;
    float: left;
    padding: 5px;
}

/*################ FORMS ###############*/

	#login-form p
	{
		padding:5px 0px 0px 10px;
	}
	#login-form .input { background: #fff; font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif; /*color: #afafaf;*/ color: #000; padding: 3px; font-size: 10px;  }
	#login-form .input:hover { background: #fff; }
	#login-form .input:focus { background: #fff; border-color: #175e7c; color: #000; }
	#login-form .input.disabled, #login-form .input[disabled="disabled"] { background: #e3e3e3; color: #b6b6b6; border-color: #c0c0c0; }
	#login-form .label { color: #fff; display: block; padding-bottom: 2px; font-size: 11px; text-transform: uppercase; }


/*############# ZONE FORMATTING ###########*/
.ms-SPZone, .ms-formfieldvaluecontainer
{
	border:1px solid #ccc;
	background-color:#efefef;
	margin:0px;
	padding:0px;
}

.ms-SPZone td
{
	margin:0px !important;
	padding:0px !important;
}

.ms-SPZoneLabel, .ms-formfieldlabelcontainer
{
	margin:0px;
	padding:0px;
}

.ms-SPZoneTitle, .ms-formfieldlabelcontainer
{
	color:#000;
	border:1px solid #ccc;
	background-color:#efefef;	
	margin:0px !important;
	padding:0 2px;
}

.ms-WPBody 
{
    font-size: 1em;
}


#ribbonwrapper
{
	padding: 0 0 0 0;
    clear: both;
}

/*##################### ADMIN BAR #####################*/

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbols-regular-webfont.woff') format('woff'),
         url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.statusbar
{
    clear: both;   
}

